<%@ page contentType="text/html;charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>

<head>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>日志分析</title>
<link rel="shortcut icon" href="${basePath}/favicon.ico">

<link href="${basePath}/css/plugins/hplus/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
<link href="${basePath}/css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
<link rel="stylesheet" href="${basePath}/css/plugins/datapicker/datepicker3.css">
<link href="${basePath}/css/plugins/hplus/style.min862f.css?v=4.1.0" rel="stylesheet">
<link href="${basePath}/css/plugins/toastr/toastr.min.css" rel="stylesheet">
<link rel="stylesheet" href="${basePath}/css/plugins/hplus/sweetalert.css">
<link rel="stylesheet" href="${basePath}/css/newAdd.css">   
<link href="${basePath}/css/plugins/datetimepicker/bootstrap-datetimepicker.min.css" rel="stylesheet">  

</head>


<style type="text/css">
.ml10 {
	margin-left: 10px;
}
.cover {
position:fixed; top: 0px; right:0px; bottom:0px;filter: alpha(opacity=60);
z-index: 9998; left: 0px;
opacity:0.5; -moz-opacity:0.5;
}
#loading img{position:absolute;left:45%;top:40%;z-index: 9999;}
</style>

<body class="gray-bg">
    <form id="serviceStand" method="post">
    </form>
	<div id="loading" class="cover" style="display: none">
	    <img id='img' src='${basePath}/image/loadImg.gif'/>
	</div>
	<div class="wrapper wrapper-content animated fadeInRight">
		<div class="ibox float-e-margins">
			<div class="ibox-content">
				<div class="row row-lg">
					<div class="clearfix hidden-xs"></div>
					<div id="filter-bar" class="col-sm-12">
						<div class="example-wrap">
							<div class="example">
								<div class="columns columns-left btn-group pull-left" id="toolbar" role="group"></div>
								<div class="row" style="padding-top:10px;"> 
								 	<div class="col-xs-2">
								 		 <select class="selectpicker form-control" id="district">
								 		  <option value="">请选择地域</option>
								 		  <c:forEach items="${districts }" var="district" varStatus="s">
								 		  	  <option value='${district.code}'>${district.name}</option>
							              </c:forEach>
										 </select>
								 	</div> 
								 	<div class="col-xs-2 ">
									 	<!--指定 date标记-->  
							            <div class='input-group date' id='datetimepicker1'>  
							                <input id="accessDate" type='text' class="form-control" />  
							                <span class="input-group-addon">  
							                    <span class="glyphicon glyphicon-calendar"></span>  
							                </span>  
							            </div>  
								 	</div>
								 	<div class="col-xs-2">  
					                    <button class="btn btn-primary btn-sm" id="searchBtn">查询</button>  
					                    <button class="btn btn-sm" id="resetBtn">重置</button>  
					                </div>
								</div>
								<h1 id="pvlable" style="text-align: center;font-size: 26px;padding: 20px 0px 0px 0px;">全网数据访问量10011001</h1>
								<div id="myChart01" style="width:100%;height:350px;">
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<script src="${basePath}/js/jquery/jquery.min.js?v=2.1.4"></script>
	<script src="${basePath}/js/hplus/sweetalert.min.js"></script>  
    <script src="${basePath}/js/datapicker/bootstrap-datepicker.js"></script>  
    <script src="${basePath}/js/bootstrap-3.3.6/bootstrap.min.js?v=3.3.6"></script>  
    <script src="${basePath}/js/bootstrap-table/bootstrap-table.js"></script>  
    <script src="${basePath}/js/bootstrap-table/bootstrap-table-mobile.min.js"></script>  
    <script src="${basePath}/js/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script> 
    <script src="${basePath}/js/bootstrap-table/extensions/filter-control/bootstrap-table-filter-control.js"></script>  
    <script src="${basePath}/js/bootstrap-table/extensions/export/bootstrap-table-export.js"></script>
    <script src="${basePath}/js/bootstrap-datetimepicker/moment-with-locales.min.js"></script>
 	<script src="${basePath}/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"></script>
 	<script src="${basePath}/js/echarts/echarts.min.js"></script>

    <script src="${basePath}/js/hplus/toastr.min.js"></script>  
    
    <script type="text/javascript">
    	var basePath = "${basePath}";
    </script>
	<script src="${basePath}/log/logStat.js"></script>
</body>
<script type="text/javascript">
toastr.options = {
		  "closeButton": false,
		  "debug": false,
		  "progressBar": true,
		  "positionClass": "toast-top-right",
		  "onclick": null,
		  "showDuration": "400",
		  "hideDuration": "1000",
		  "timeOut": "3000",
		  "preventDuplicates": true,
		  "extendedTimeOut": "1000",
		  "showEasing": "swing",
		  "hideEasing": "linear",
		  "showMethod": "fadeIn",
		  "hideMethod": "fadeOut"
		}
 </script>
</html>

